<?php
/**
 * The Header for our theme.
 * @package WordPress
 * @subpackage MIP
 * @since MIP 1
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 * We filter the output of wp_title() a bit -- see
	 * twentyten_filter_wp_title() in functions.php.
	 */
	wp_title( '|', true, 'right' );

	?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link href="<?php bloginfo('template_url'); ?>/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php 
$favicon = get_option('mip-base_favicon');
if ( $favicon == "" ) : ?>
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />
<?php else : ?>
<link rel="shortcut icon" href="<?php echo $favicon; ?>" />
<?php endif; ?>
<?php
	/* We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );

	/* Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<?php 
	$time = get_option('mip-base_slider_timeout');
	$speed = get_option('mip-base_slider_speed');  
	$slidertype = get_option('mip-base_slider_type');
?>

<script type="text/javascript">
var $ = jQuery.noConflict();
    jQuery(document).ready(function($) {
	/* for Slider cycle */
         $('#slideshow').cycle({
            timeout: <?php echo $time;?>,  // milliseconds between slide transitions (0 to disable auto advance)
            fx:      'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...            
            pager:   '#pager',  // selector for element to use as pager container
            pause:   0,	  // true to enable "pause on hover"
            cleartypeNoBg:   true, // set to true to disable extra cleartype fixing (leave false to force background color setting on slides) 
            pauseOnPagerHover: 0 // true to pause when hovering over pager link
        });

	/* for portfolio prettyPhoto */
	$("#gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
		
    });
</script>

<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function() {
		/* for top navigation */
		
		$(" #navtop ul ul ").css({display: "none"}); // Opera Fix
		$(" #navtop li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
		
});	
</script>


<!--[if IE 6]>
<script src="<?php bloginfo('stylesheet_directory');?>/js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('img, #logo');
</script>

<![endif]--> 

</head>

<body class="flyer">
<?php $main_container = is_front_page() ? "main_container" : "main_container_inner"; ?>
<div id="<?php echo $main_container; ?>">
	<?php
		$logoimage = get_bloginfo('stylesheet_directory') . "/images/logo-334x430.png"; 
		$sitename = get_option('mip-base_site_name');
		$tagline = get_option('mip-base_tagline');
	?>
	<!-- BEGIN HEADER -->
		
			<div id="toparea">
				<div id="logo">
					<div id="logoimg">
						<a href="<?php echo get_option('home'); ?>/"><img src="<?php echo $logoimage; ?>" alt="<?php bloginfo('name'); ?>" /></a>
					</div>
				</div><!-- end of logo -->
				<div class="logo-aside">
				    <div id="header-photo-collage">
					    <img src="<?php echo get_bloginfo('stylesheet_directory'); ?>/images/header-photo-collage.png">
				    </div>
				    <div class="clearfix"></div>
				    <div class="host-your-own">
					    <img src="<?php echo get_bloginfo('stylesheet_directory'); ?>/images/host-your-own-mip.png" alt="Host your own MoviesInTheParkYourCity.com">
				    </div>
				</div>
				<div id="topmenu">
					<div id="searchtop">
					<form  method="get" action="<?php echo get_option('home'); ?>/">
					<div><span class="bg_input"><input type="text" value="" name="s" id="s" class="inputbox" onBlur="if (this.value == ''){this.value = 'search'; }" onFocus="if (this.value == 'search') {this.value = ''; }"/>
					</span></div>
					</form>
					</div>
					<div id="navtop">
					<?php wp_nav_menu( array(
						  'container'       => 'ul', 
						  'menu_class'      => 'menu', 
						  'menu_id'         => 'nav',
						  'depth'           => 0,
						  'sort_column' => 'menu_order',
						  'theme_location' => 'mainmenu',
						  )); 
					?>
					</div>
				</div><!-- end of topmenu -->
				<div class="clearfix"></div>
			</div>
		<!-- END OF HEADER -->
		
